<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
					function change()
								{
									var cityarr=new Array();
									cityarr[0]=["深圳市", "东莞市", "惠州市", "广州市"];
									cityarr[1]=["长沙市","岳阳市","株洲市","湘潭市"];
									cityarr[2]=["厦门市","福州市","漳州市","泉州市"];
									var pvalue=document.getElementById("provinces").value;//获取对应城市的value值
									
									document.getElementById("citys").innerHTML="";
									
									for(var i=0;i<cityarr[pvalue].length;i++)
									{
										//创建option对象
										var op=new Option(cityarr[pvalue][i],i);
										//将option添加到select中
										document.getElementById("citys").options.add(op);
									}
									
								}
				</script>
	</head>
	<body>
		<div id="two">
		        	<select name="" id="provinces" onchange="change()">
		        				<option value="0">广东省</option>
		        				<option value="1">湖南省</option>
		        				<option value="2">福建省</option>
		        			<lect>
		        			<select name="" id="citys">
		        				<option value="">--请选择--</option>
		        			<lect>
		        </div>
	</body>
</html>
